<!--fileUpload-->
<div>
    <button class="btn btn-primary" id="fileDownloadSelectServerButton">服务器</button>
    <button class="btn btn-success " id="startFileDownloadButton" disabled>
        <span class="glyphicon glyphicon-play-circle"></span>
    </button>
</div>
<!--服务器路径填写-->
<div style="margin-top: 10px;">
    <div class="col-sm-12" id="showRemoteDownloadServerDIV" >

        <!--每一本地对应的远程
        <div>

        </div>
        -->

    </div>
</div>


<div id="showFileDownloadServerDIV"
     style="z-index: 1004;position: absolute;left: 0px;right: 0px;top:0px;margin: auto;display:none;">
    <div class="modal  "
         style="overflow: visible;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;">
        <div class="modal-dialog" style="left: 0px; margin-top: 0px;padding:0px;padding-top: 0px;">
            <div class="modal-content " id="">
                <div class="modal-header" style="cursor: move;">

                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                    <h4 class=" glyphicon glyphicon-filter " style="color: green;cursor:pointer;">选择服务器</h4>
                </div>

                <div class="modal-body">
                    <div style="height: 40px;">
                        <span id="fileDownloadSelectAllServers" class="glyphicon glyphicon-check"
                              style="cursor: pointer;">&nbsp;全选</span>
                    </div>
                    <table class="table table-bordered table-hover table-striped  table-condensed">
                        <thead>
                        <tr>
                            <th>主机组</th>
                            <th>主机</th>
                        </tr>
                        </thead>
                        <tbody id="downloadFileSelectServerTbody">

                        <!--
                        这里是tr，每一行

                        -->
                        </tbody>

                    </table>


                    <!---->


                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="cancelfileDownloadSelect" style="float:left;">取消
                    </button>
                    <button type="button" class="btn btn-success" id="fileDownloadSelectNext" style="float:right;">确定
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>


<!--输入路径框-->
<div id="remoteDownloadPathDIV"
     style="z-index: 1004;position: absolute;left: 0px;right: 0px;top:0px;margin: auto;display:none;">
    <div class="modal  "
         style="overflow: visible;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;">
        <div class="modal-dialog" style="left: 0px; margin-top: 0px;padding:0px;padding-top: 0px;">
            <div class="modal-content " id="">
                <div class="modal-header" style="cursor: move;">

                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                    <h4 class=" glyphicon  glyphicon-pencil " style="color: green;cursor:pointer;">请输入远程路径</h4>
                </div>

                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">远程路径</label>
                            <div class="col-sm-8">
                                <input id="remoteDownloadPath" type="text" class="form-control"
                                       style="border: dashed 1px lightsteelblue">
                            </div>

                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button style="float: left;" type="button" class="btn btn-primary" id="remoteDownloadPathAdvance">高级
                    </button>
                    <button style="float:right; " type="button" class="btn btn-success" id="remoteDownloadPathFastNext">快速
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--下载部分失败的提示-->
<div id="showDownloadNotice"
     style="z-index: 1004;position: absolute;left: 0px;right: 0px;top:0px;margin: auto;display:none;">
    <div class="modal  "
         style="overflow: visible;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;">
        <div class="modal-dialog" style="left: 0px; margin-top: 0px;padding:0px;padding-top: 0px;">
            <div class="modal-content " id="">
                <div class="modal-header" style="cursor: move;">

                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                    <h4 class=" glyphicon  glyphicon-pencil " style="color: green;cursor:pointer;">请输入远程路径</h4>
                </div>

                <div class="modal-body">
                            <span id="showDownloadContent" style="color:red;font-weight:bold;">部分服务器下载失败了不能下载，您可以打包下载成功的部分.</span>
                </div>
                <div class="modal-footer">
                    <button style="float: left;" type="button" class="btn btn-default" id="closeDownloadFileButton">取消
                    </button>
                    <button style="float:right; " type="button" class="btn btn-success" id="continueDownloadFileButton">下载
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../js/fileDownload.js"></script>